<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}{{ custom.Brand }} | {{ custom.AppName }} {% endblock %}</title>
  {% block head_css %}
  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/fonts.css',family='Source+Sans+Pro:300,400,400i,700',display='fallback') }}">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="{{ url_for('static', filename='plugins/fontawesome-free/css/all.min.css') }}">
  <!-- Theme style -->
  <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/adminlte.min.css') }}">
  {% endblock %}
</head>
<body class="hold-transition login-page">
<div class="login-box">
      <div class="error-page">
        <h2 class="headline text-danger"><strong>{{ error.code }}</strong></h2>

        <div class="error-content">
          <h2><i class="fas fa-exclamation-triangle text-danger"></i> Oops! 系統出現錯誤.</h2>

          <p>
            We will work on fixing that right away.
            Meanwhile, you may return to <a href="{{ url_for('index.default') }}" class="text-info">Viewer</a>.
          </p>

        </div>
      </div>
      <!-- /.error-page -->
</div>
<!-- /.login-box -->

<!-- REQUIRED SCRIPTS -->
{% block scripts %}
<!-- jQuery -->
<script src="{{ url_for('static', filename='plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap 4 -->
<script src="{{ url_for('static', filename='plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ url_for('static', filename='dist/js/adminlte.min.js') }}"></script>
{% endblock %}
</body>
</body>
</html>
